博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
什么是jsonp?——使用jsonp解决跨域请求问题
阅读量:4925 次
发布时间:2019-06-11

本文共 758 字,大约阅读时间需要 2 分钟。

  

  我们在使用ajax请求的时候经常会产生跨域问题,这是由于浏览器的同源策略导致的。所谓同源,即域名、协议、端口均相同,否则不管是静态页面还是动态网页或者web服务都无法通过ajax正常请求。有时候,我们可以通过jsonp来解决。

 

  jsonp的数据传输方式是利用了 script标签src属性中的链接可以访问跨域的js脚本 这一特性(其实是js语言设计的一大漏洞哈哈),通过src来调用接收服务器返回的js脚本而不是常规的json格式的数据,从而达到接收数据跨域访问的目的。

 

下面使用jsonp,本地代码中script中的src标签指向另一域名下的remote.js文件,

            

然后本地函数可以输出远程js带来的数据,以达到跨域访问的目的,远程js代码:

localHandler({"result":"我是远程js带来的数据"});

但是怎么让远程js知道它应该调用的本地函数叫什么名字呢?毕竟是jsonp的服务者都要面对很多服务对象,我们可以传一个参数过去给服务端,

        

服务端动态生成这样一段js代码:

flightHandler({    "code": "CA1998",    "price": 1780,    "tickets": 5});

  

jquery也把jsonp作为ajax的一种形式进行了封装,这里调用也更加方便,本地不用再写调用函数 flightHandler 了,jquery会自动生成回调函数再把数据取出来供success函数调用,

     Untitled Page                     

嗯,就是这样了。

 

转载于:https://www.cnblogs.com/kaidarwang/p/7018622.html

你可能感兴趣的文章
css3媒体查询简单实例
查看>>
java-properties配置文件
查看>>
算法学习-哈希表
查看>>
python操作mysql
查看>>
javascript 学习1
查看>>
Angular应用架构设计-3:Ngrx Store
查看>>
<a>标签文件下载文件名乱码问题
查看>>
HTTP抓包
查看>>
Python项目中使用配置文件
查看>>
html5的学习日志
查看>>
Python数据分析_Pandas01_数据框的创建和选取
查看>>
RESTful-rest_framework应用第一篇
查看>>
Console命令详解,让调试js代码变得更简单
查看>>
hdu4908 &amp; BestCoder Round #3 BestCoder Sequence(组合数学)
查看>>
Excel 导出
查看>>
拉登是我罩的队_第三周_需求改进&原型设计
查看>>
数据库got error 28 from storage engine问题
查看>>
RMQ 总结
查看>>
手撸ORM
查看>>
POJ---2406 Power Strings[求最长重复字串]
查看>>